<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../css/home.css" />
		<style type="text/css">
			.navinfo {
				position: absolute;
				z-index: 2;
				right: 3%;
				top: 0%;
				height: 1.5rem;
				margin-top: .5rem;
			}
			
			.h-icon4 {
				position: absolute;
				width: 4rem;
				right: 3%;
				top: 0;
				margin-top: 6rem;
				z-index: 3;
			}
			
			.allProducts {
				margin-top: 1rem;
			}
			
			.home_icon1_con {
				position: relative;
			}
			
			.home_icon1_con:after {
				content: '';
				position: absolute;
				width: 1px;
				background: #dadada;
				height: 1.5rem;
				right: -1rem;
				top: -1.2rem;
			}
			
			.title {
				margin-top: 1rem;
			}
			
			.title p {
				display: inline-block;
				color: black;
				font-size: 18px;
				font-weight: bold;
			}
			
			.title_img {
				width: 1.2rem;
				vertical-align: text-top;
			}
		</style>
	</head>

	<body>
		<!--<header class="mui-bar mui-bar-nav">
		    <img src="../images/logo.png"/ class="logo">
		    <img src="../images/icon.png" class="mui-pull-right info" />
		</header>-->
		<div class="mui-content">
			<img src="../images/icon.png" class="mui-pull-right info navinfo" />
			<div id="slider" class="mui-slider">
				<div class="mui-slider-group mui-slider-loop">
					<!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
					<div class="mui-slider-item mui-slider-item-duplicate">
						<a href="#">
							<img src="../images/banner1.png">
						</a>
					</div>
					<!-- 第一张 -->
					<div class="mui-slider-item">
						<a href="#">
							<img src="../images/banner1.png">
						</a>
					</div>
					<!-- 第二张 -->
					<div class="mui-slider-item">
						<a href="#">
							<img src="../images/banner1.png">
						</a>
					</div>
					<!-- 第三张 -->
					<div class="mui-slider-item">
						<a href="#">
							<img src="../images/banner1.png">
						</a>
					</div>
					<!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
					<div class="mui-slider-item mui-slider-item-duplicate">
						<a href="#">
							<img src="../images/banner1.png">
						</a>
					</div>
				</div>
			</div>

			<div class="content">
				<img class="h-icon4" src="../images/home_icon4@3x.png" alt="" />
				<div class="notice">
					<div class="home_icon1_con">
						<img src="../images/home_icon1@2x.png" alt="" />
						<img src="../images/home_icon2@2x.png" alt="" />
					</div>
					<div style="margin-left: 1rem;">
						<p class="rollContent"></p>
		    	 	  <p >累计 <label class="memberCount"></label>人申请,今日<label class="memberCountDay"></label>人申请</p>
					</div>
				</div>
				<!--<img src="../images/title.png" / class="title">-->
				<div class="title">
					<p>热销产品</p>
					<img class="title_img" src="../images//home_icon3@3x.png" alt="" />
				</div>
				<ul class="mui-table-view allProducts">
					<!--<li class="mui-table-view-cell mui-media">
						<img class="mui-media-object mui-pull-left" src="../images/shangpin.png">
						<div class="mui-media-body">
							长白山人参
							<p>￥ 499.00 <label class="mui-pull-right">立即购买</label></p>
						</div>
					</li>
					<li class="mui-table-view-cell mui-media">
						<img class="mui-media-object mui-pull-left" src="../images/shangpin.png">
						<div class="mui-media-body">
							长白山人参
							<p>￥ 499.00 <label class="mui-pull-right">立即购买</label></p>
						</div>
					</li>
					<li class="mui-table-view-cell mui-media">
						<img class="mui-media-object mui-pull-left" src="../images/shangpin.png">
						<div class="mui-media-body">
							长白山人参
							<p>￥ 499.00 <label class="mui-pull-right">立即购买</label></p>
						</div>
					</li>
					<li class="mui-table-view-cell mui-media">
						<img class="mui-media-object mui-pull-left" src="../images/shangpin.png">
						<div class="mui-media-body">
							长白山人参
							<p>￥ 499.00 <label class="mui-pull-right">立即购买</label></p>
						</div>
					</li>
					<li class="mui-table-view-cell mui-media">
						<img class="mui-media-object mui-pull-left" src="../images/shangpin.png">
						<div class="mui-media-body">
							长白山人参
							<p>￥ 499.00 <label class="mui-pull-right">立即购买</label></p>
						</div>
					</li>-->
				</ul>
			</div>
		</div>
		<!--<form id="form1">
			<input name="phone" value="123456" />
			<input name="password" value="123456" />
			<input name="openId" value="" />
		</form>-->
		<script src="../lib/mui.min.js"></script>
		<script type="text/javascript" src="../lib/jquery-1.11.0.js"></script>
		<script type="text/javascript" src="../lib/service.js"></script>
		<script src="js/home.js"></script>
		<script type="text/javascript">
			mui.init();
			//			放在plusready里,否则会报错
			mui.plusReady(function() {
				plus.navigator.setStatusBarBackground("#FF7234");
				getindex()
				setInterval(function() {
					getindex()
				}, 120000)
			})
			$('.info').bind('tap', function() {
				openurl('info.html')
			})
			$('.h-icon4').bind('tap', function() {
				if(!judgeTimeDiffer()) {
					mui.toast("未登录")
					openurl('../landing/login.html')
					return
				}else{
					openurl('../real-name/real-name.html')
				}
			})
		</script>
	</body>

</html>